<template>
  <div>
    <h3>hello vuex...</h3>
    <!-- <h4>{{ counter }}</h4> -->

    <h4>{{$store.state.counter}}</h4>
    <h4>{{$store.getters.counterSquare}}</h4>
    <h4>{{$store.getters.takeOutAgeMore20}}</h4>
    <h4>{{$store.getters.getAgeMore20Length}}</h4>
    <h4>{{$store.getters.accordingToIncomingAge(1)}}</h4>
  </div>
</template>

<script>
export default {
  name: "HelloVuex",
//   props: {
//     counter: {
//       type: Number
//     }
//   }
};
</script>

<style></style>
